﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >

<head>
    <title>Shrinkwrapped</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="site.css"   media="all"    type="text/css" />
    <link rel="stylesheet" href="page.css"   media="all"    type="text/css" />
</head>

<body>

    <h1>Shrinkwrapped</h1>

    <div class="shrinkwrapped_box">Positioned Grandparent. All the <code>width</code> and <code>height</code> are <code>auto</code>.
        <div class="parent">Non-positioned Parent
            <span id="float_box" class="box_base">Shrinkwrapped Float</span>

            <span id="inline" class="box_base">Shrinkwrapped Static Inline</span>
            <br />

            <img id="inline_replaced" src="star.gif" alt="star" />

            <div id="block" class="box_base">Vertically Shrinkwrapped Static Block</div>

            <table id="table" class="box_base">
                <tr><td>Shrinkwrapped Table</td></tr>
            </table>

            <span id="abs_box" class="box_base">Shrinkwrapped Absolute</span>
        </div>
    </div>
     
</body>
</html>
